<template>
	<view>
		123
		<!-- <map id="myMap" class="maMap" subkey="{{dt.key}}" scale="{{dt.scale}}" longitude="112.888" latitude="28.114523" /> -->
		<map id="myMap" class="maMap" subkey="{{dt.key}}" scale="{{dt.scale}}" :longitude="dt.longitude" :latitude="dt.latitude" :markers="dt.markers" :polyline="dt.polyline" show-location="true"/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dt:{
					key:'QXYBZ-ELWL4-24GUV-K6GFK-I2LVF-EDBTJ',
					longitude: '112.888', // 经度  
					latitude: '28.114523',
					scale:'19',
					markers:[
						{
							id: 0,
							longitude: '112.888', 
							latitude: '28.114523',
							width: '50',  
							height: '50',  
							iconPath: '/static/tb/dingwei.png', // 图标路径  
							callout: {  
								content: '这是一个标记点1',
								display: 'ALWAYS',
								color: '#ff0000',
							},
						},
						{
							id: 1,
							longitude: '112.93133', 
							latitude: '28.2351',
							width: '50',  
							height: '50',  
							iconPath: '/static/tb/dingwei.png', // 图标路径  
							callout: {  
								content: '这是一个标记点2',
								display: 'ALWAYS',
								color: '#ff0000',
							},
						},
					],
					polyline:[
						{
							points:[
								{
									longitude: '112.888', 
									latitude: '28.114523',
								},
								{
									longitude: '112.93133', 
									latitude: '28.2351',
								},
							],
							color: "#FF0000DD",//线的颜色
							width:12,//线的宽度
							arrowLine:true,//线内箭头
						}
					]
				},
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.maMap{
		height: 1000rpx;
		width: 1000rpx;
	}
</style>
